<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="__ADMIN__/css/style.css" rel="stylesheet" type="text/css" />
    <script language="JavaScript" src="__ADMIN__/js/jquery.js"></script>
</head>

<body>
    <div class="place">
        <span>位置：</span>
        <ul class="placeul">
            <li><a href="#">首页</a></li>
            <li><a href="#">表单</a></li>
        </ul>
    </div>
    <div class="formbody">
        <div class="formtitle"><span>基本信息</span></div>
        <form action="" method="post">
            <ul class="forminfo">
                <li>
                    <label>产品名称</label>
                    <input name="attr_name" placeholder="请输入属性名称" type="text" class="dfinput" /></li>
                <li>
                    <label>所属一级分类</label>
                    <select id="level1"  class="dfinput" onchange="getCate(this.value, 2)">
                        <option value="0">--请选择--</option>
                        <foreach name="auth_list" item="vo">
	                        <option value="{$vo.cl_id}">
	                        	{$vo.level|str_repeat='&emsp;&emsp;',###}{$vo.cl_name}
	                        </option>
                        </foreach>
                    </select>
                    <i></i>
                </li>
                <li>
                    <label>所属二级分类</label>
                    <select id="level2" name="attr_ifyid" class="dfinput" onchange="getCate(this.value, 3)">
                        <option value="0">--请选择--</option>
                    </select>
                    <i></i>
                </li>
       <!--          <li>
                    <label>所属三级分类</label>
                    <select id="level3" class="dfinput">
                        <option value="0">--请选择--</option>
                    </select>
                    <i></i>
                </li> -->

                <li>
                	<label>产品类型</label>
                	<cite>
                		<input name="attr_style" type="radio" value="手填" checked="checked" />显示&nbsp;&nbsp;&nbsp;&nbsp;
                		<input name="attr_style" type="radio" value="单选" />不显示
                	</cite>
                </li>
                <li>
                    <label>是否推荐</label>
                    <cite>
                        <input name="attr_style" type="radio" value="手填" checked="checked" />加入&nbsp;&nbsp;&nbsp;&nbsp;
                        <input name="attr_style" type="radio" value="单选" />不加入
                    </cite>
                </li>
                 <div>内容简介:</div>
          <div id="editor" style="width:700px;margin-left: 84px;margin-top: -13px;">
                            </div>
                            <script type="text/javascript" src="__ADMIN__/js/wangEditor.min.js"></script>
                            <script type="text/javascript">
                                var E = window.wangEditor
                                var editor = new E('#editor')
                                // 或者 var editor = new E( document.getElementById('#editor') )
                                // 下面两个配置，使用其中一个即可显示“上传图片”的tab。但是两者不要同时使用！！！
                // editor.customConfig.uploadImgShowBase64 = true   // 使用 base64 保存图片
                editor.customConfig.uploadImgServer = "{:U('get_img')}"  // 上传图片到服务器
                editor.customConfig.uploadImgHooks = {
                    // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
                    // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
                    // 这里不知道为什么 上面的自动插入图片不能用了 下面就用了返回json数据的data来进行插入图片
                    customInsert: function (insertImg, result, editor) {
                        // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
                        // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果

                        // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
                        var url = result.data
                        insertImg(url)
                    }
        }
                             editor.create();
                            </script>
                        </div>
                         <input type="hidden" id="edi" name="edi"> 
                <li>
                    <label>&nbsp;</label>
                    <input name="" id="btnSubmit" type="button" class="btn" value="确认保存" />
                </li>
            </ul>
        </form>
    </div>
<script type="text/javascript">
    function getCate(cl_id,level){
        //1 发送ajax请求
        var data = {'cl_id':cl_id,'_':Math.random()};
        $.get("{:U('getCate')}",data,function(mag){
            //获取二级分类的select标签对象
            tmp = '#level'+level;
            select_obj = $(tmp);
           //获取二级分类的select标签对象
            //清空二级分类中的内容
            select_obj.empty();
            //拼装二级分类中下拉菜单中的内容
            mag = "<option>--请选择--</option>"+mag;
            //将内容追加到二级分类菜单中
            select_obj.append(mag);
        })
    }
</script>
</body>

</html>
